{% init file_id = "" %}

<div class="col-md-12" id="searchBox">
  <form id="searchForm" method="GET" action="{{?action,'/search/search'}}">
    <input name="category" class="hide" value="{{?search_category}}">
      <div class="input-group">
          <input type="text" id="key" name="key" class="search-input" value="{{?key}}" placeholder="输入指令或搜索关键字" />
          <button class="search-btn">搜&nbsp;索</button>
      </div>
  </form>
</div>
<script type="text/javascript">

$(function () {
  $("#key").focus();
  // 不开启自动提交
  return;
  // change事件必须要改变焦点才会触发
  // TODO 根据当前的工作模式选择输入方式
  $("#key").bind("keyup", function (event) {
    var newKey = $("#key").val();
    console.log("key="+newKey);
    console.log(event);
    var keyCode = event.keyCode;
    switch (keyCode) {
      // shift
      case 16: return;
    }
    (function (oldKey) {
      setTimeout(function () {
        var keyValue = $("#key").val();
        if (keyValue == "") {
          return;
        }
        // 没有再编辑
        if (keyValue == oldKey) {
          $("#searchForm").submit();
        }
      }, 1000);
    }) (newKey);
  });
});
</script>